<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>登录</title>
    <link type="text/css" rel="stylesheet" href="css/style.css">
    <style>
        html, body {
            background-color: #303942;
        }

        .login {
            width: 550px;
            height: 425px;
            background-color: #495A6C;
            border-radius: .3rem;
            box-shadow: 0 0 2px #000000;
        }

        .loginTitle {
            color: #ffffff;
            text-align: center;
            font-size: 2rem;
            height: 5rem;
            line-height: 5rem;
            margin-top: .5rem;
            margin-bottom: 1rem;
        }

        .inputGroup {
            background-color: #ffffff;
            margin: 0 2rem;
            border-radius: .2rem;
        }

        .inputGroup .inputLi {
            border-bottom: 1px solid #cccccc;
            height: 4rem;
            padding: 0 .6rem;

        }

        .inputGroup .inputLi:last-child {
            border-bottom: none;

        }

        .inputGroup .inputLi .icon {
            width: 1.5rem;
            height: 1.5rem;
            margin-right: .6rem;
            -webkit-background-size: contain;
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
        }

        .inputGroup .inputLi .icon.user {
            background-image: url("img/input-user.png");
        }

        .inputGroup .inputLi .icon.pwd {
            background-image: url("img/input-pwd.png");
        }

        .UInput {
            padding: .4rem;
            height: 3rem;
        }

        .btnLogin {
            margin: 3rem 2rem .4rem 2rem;
            background-color: #ffffff;
            border-radius: .2rem;
            height: 3rem;
            line-height: 3rem;
            text-align: center;
            font-size: 1.2rem;
            cursor: pointer;
            -webkit-user-select:none;
            -moz-user-select:none;
            -ms-user-select:none;
            user-select:none;
        }
    </style>
</head>
<body class="ub ub-ac ub-pc">
<div class="login">
    <div class="loginTitle">客服系统</div>
    <div class="inputGroup ub ub-ver">
        <div class="inputLi ub ub-ac">
            <div class="icon user"></div>
            <div class="UInput ub-f"><input type="text" placeholder="请输入账号"></div>
        </div>
        <div class="inputLi ub ub-ac">
            <div class="icon pwd"></div>
            <div class="UInput ub-f"><input type="password" placeholder="请输入密码"></div>
        </div>
    </div>
    <div class="btnLogin">登录</div>
</div>

<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="js/layer/layer.js"></script>
<script>
    $('.btnLogin').on('click', function () {
        window.location.href = 'index.html';
    });

</script>
</body>
</html>